Interactive implementation in TypeScript

Whether it's a good practice or not, take note of the steps.

I want to implement spitting out the selection to JSON.

I'd like to try things out interactively before deciding how to implement them.

Where is the selection?

let [selection, setSelection] = useState<PaperItem[]>([]);

Not exposed because of the local scope of the function.

window.debug is prepared with the type "any" so that you don't have to declare it every time.

Or @ts-ignore.

Where is the code to convert an object to a plain object

const stateItemToFirestore = (x: StateItem) => {...}

I was going to, but ng.

Since the code for this function definition runs before the code that creates window.debug

On the side of the code making window.debug, import it to expose

succession

window.debug.stateItemToFirestore(window.debug.selection)

error

window.debug.stateItemToFirestore(window.debug.selection[0])

error

window.debug.stateItemToFirestore(window.debug.selection[0]).item

OK

This is the wrong argument type to call.

If I had written it as TypeScript, would I have found out why with a type error?

-> NO, type information is lost when you put it in `window.debug:any

JSON.stringify(...)

The desired string is obtained.

Next step is to figure out how to get this back to Map.

→Error in simple reading

It's done.

https://gyazo.com/5eb6bca96b3a751c15a074ec1a180cfc

Make it TypeScript code.

code:ts

export const exportSelectedItemsAsJSON = () => {

const r = selectedItems.map((x) =>

stateItemToFirestore(x.item)

);

return JSON.stringify(r);

};

export const importItemsFromJSON = (json: string) => {

const xs = JSON.parse(json);

xs.forEach((x: object) => {

updateStateItem(null, firestoreToStateItem(x))

})

};

Well, it's no wonder JSON doesn't parse correctly in the developer console.

localStorage["tmp"] = debug.exportSelectedItemsAsJSON()

It worked correctly.

---